.ZT {
    width: 710px;
    height: 590px;
    display: flex;
    justify-content: space-between;

    //头部
    .ZT-box {
        width: 240px;
        height: 100%;

        .ZT-header {
            width: 100%;
            height: 150px;
            display: flex;
            border: 1px solid #DEDEDE;
            //图
            .ZT-header-img {
                width: 40%;
                height: 100%;

                .ZT-header-img2 {
                    width: 80px;
                    height: 80px;
                    float: right;
                    margin-top: 30px;
                }
            }

            //功能选项
            .Zt-header-gn {
                width: 58%;
                height: 100%;
                padding-left: 10px;

                p {
                    font-size: 20px;
                    font-weight: 600;
                    margin-top: 30px;
                }

                //播放图标
                .Zt-header-gn-bo {
                    width: 25px;
                    height: 25px;
                    margin-right: 10px;
                }

                //收藏图标
                .Zt-header-gn-shou {
                    width: 25px;
                    height: 25px;
                }
            }
        }

        //内容
        .ZT-content {
            width: 237px;
            height: 440px;
            border: 1px solid #DEDEDE;
            .ZT-content-ji {
                width: 100%;
                height: 39px;
                background-color: #E8E8E8;
                display: flex;
                span {
                    line-height: 39px;
                    color: #8E928F;
                    font-weight: 600;
                    margin-right: 10px;
                    margin-left: 30px;
                }

                a {
                    display: block;
                    margin-top: 11px;
                    width: 160px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }

            .ZT-content-ou {
                width: 100%;
                height: 39px;
                background-color: #F4F4F4;
                display: flex;
                span {
                    line-height: 39px;
                    color: #8E928F;
                    font-weight: 600;
                    margin-right: 10px;
                    margin-left: 30px;
                }
                a {
                    display: block;
                    margin-top: 11px;
                    width: 160px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
            .active{
                width: 100%;
                height: 39px;
                background-color: #F4F4F4;
                display: flex;
                span {
                    line-height: 39px;
                    color: #8E928F;
                    font-weight: 600;
                    margin-right: 10px;
                    margin-left: 21px;
                }
                a {
                    display: block;
                    margin-top: 11px;
                    width: 160px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
            .active2{
                width: 100%;
                height: 39px;
                background-color: #E8E8E8;
                text-align: right;
                span{
                    line-height: 39px;
                    font-weight: 600;
                    font-size: 14px;
                }
                img{
                    width: 15px;
                    height: 15px;
                    margin-right: 10px;
                }
            }
        }
    }
}